<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>vue.js实例</title>
</head>
<body>
	<h1>vue 2.0 实例</h1>
	<hr>
	<h2>vue 2.0 内置指令</h2>
	<hr>
	<ol>
		<li>
			<a href="pages/helloWorld.html">
			hello world 实例
			</a>
		</li>
		<li>
			<a href="pages/v-if.html">
			v-if&v-else&v-show实例
			</a>
		</li>
		<li>
			<a href="pages/v-for.html">
			v-for实例
			</a>
		</li>
		<li>
			<a href="pages/v-text.html">
			v-text$v-html 实例
			</a>
		</li>
		<li>
			<a href="pages/v-on.html">
			v-on 实例
			</a>
		</li>
		<li>
			<a href="pages/v-model.html">
			v-model 实例
			</a>
		</li>
		<li>
			<a href="pages/v-bind.html">
			v-bind 实例
			</a>
		</li>
		<li>
			<a href="pages/v-pre.html">
			v-pre & v-cloak & v-once 实例
			</a>
		</li>	
	</ol>
	<h2>vue 2.0 自定义指令</h2>
	<hr>
	<ol>
		<li>
			<a href="pages/vue.directive.html">
			vue.directive  实例
			</a>
		</li>
		<li>
			<a href="pages/vue.extend.html">
			vue.extend  扩展实例构造器
			</a>
		</li>
		<li>
			<a href="pages/vue.set.html">
			vue.set  全局操作
			</a>
		</li>
		<li>
			<a href="pages/vue.recycle.html">
			vue的生命周期
			</a>
		</li>
		<li>
			<a href="pages/vue.template.html">
			template 制作模板
			</a>
		</li>
		<li>
			<a href="pages/vue.component.html">
			component 组件
			</a>
		</li>
		<li>
			<a href="pages/vue.component.props.html">
			Component 组件props 属性设置
			</a>
		</li>
		<li>
			<a href="pages/vue.component.1.html">
			Component 父子组件关系
			</a>
		</li>
		<li>
			<a href="pages/vue.component.2.html">
			Component 标签
			</a>
		</li>
	</ol>
	<h2>vue 2.0 选项</h2>
	<hr>
	<ol>
		<li>
			<a href="pages/option.propsData.html">
			propsData Option 全局扩展的数据传递
			</a>
		</li>
		<li>
			<a href="pages/option.computed.html">
			computed Option 计算选项
			</a>
		</li>
		<li>
			<a href="pages/option.methods.html">
			Methods Option 方法选项
			</a>
		</li>
		<li>
			<a href="pages/option.watch.html">
			Watch 选项 监控数据
			</a>
		</li>
		<li>
			<a href="pages/option.mixins.html">
			Mixins 混入选项操作
			</a>
		</li>
		<li>
			<a href="pages/option.extends.html">
			Extends Option 扩展选项
			</a>
		</li>
	</ol>

	<h2>vue 2.0 vue实例和内部组件</h2>
	<hr>
	<ol>
		<li>
			<a href="pages/example.methods.html">
			实例方法
			</a>
		</li>
		<li>
			<a href="pages/example.methods.1.html">
			实例方法demo1
			</a>
		</li>
		<li>
			<a href="pages/example.event.html">
			外部调用实例事件
			</a>
		</li>
		<li>
			<a href="pages/example.slot.html">
			内置组件 -slot讲解
			</a>
		</li>
	</ol>
</body>
</html>